<!DOCTYPE html>
<html lang="en">
<head>
    <title>{$index.title}</title>
    <meta name="description" content="{$index.description}" />
    <meta name="keywords" content="{$index.keyword}" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="robots" content="all"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link href="__MOBILE__css/iconfont.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/am.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/flexslider.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/style.css" rel="stylesheet"/>
    <!-- moblie -->
    <link rel="stylesheet" href="__MOBILE__css/style.css">
    <link rel="stylesheet" href="__MOBILE__css/jquery.mCustomScrollbar.css">
    {$seo.head}
</head>
<body>
{$seo.body}


<div class="m_wrap">
    {include file="public/header" /}

    <!-- m_banner -->
    <div class="m_banner">
        <ul class="m_banner_slider clear">
            {volist name="banner" id="v" key="k"}
            <li>
                <div class="pic">
                    <img src="{$v.img_url}" alt="{$v.alt}" style="">
                </div>
            </li>
            {/volist}
        </ul>
    </div>
    <!-- m_banner end -->

</div>

<div class="m_page m_inner_page">
    <div class="crumbs clear">
        <i class="iconfont icon-zhuye"></i>
        <a href="/">主页</a>>
        <a href="/Product-Category.html">产品中心</a>
    </div>
    <div class="m_inner_page_top m_public">
        <h3 class="title">产品中心</h3>
        <p class="content">{$index.content}</p>
    </div>
    <div class="m_productlist m_public padtb">
        {volist name="type" id="v" key="k"}
        {if $v.id neq 12}
        <h3 class="title" style="padding-top: 20px;"><span class="blocl"></span>{$v.name}</h3>
        {/if}
        {volist name="list" id="vl" key="kl"}
        {if $vl.type_id eq $v.id}
        <div class="m_productlist_list1">
            <a href="/product/p000{$vl.id}.html">
                <div class="clear m_productlist_view">
                    <div class="pic">
                        <div class="pic_img">
                            <img src="{$vl.img[0]}" alt="">
                        </div>
                    </div>
                    <div class="text">
                        <h3 class="title">{$vl.name}</h3>
                        <p class="content">{$vl.introduce}</p>
                    </div>
                </div>
                <div class="_table content_6">
                    <table>
                        <tr>
                            <th>{$vl.table_name1}</th>
                            <th>{$vl.table_name2}</th>
                            <th>{$vl.table_name3}</th>
                            <th>{$vl.table_name4}
                            </th>
                        </tr>
                        <tr>
                           <td><p>{$vl.params['model'][0]}<br>{if count($vl.params['model']) neq 1}{$vl.params['model'][1]}{/if}</p></td>
                            <td><p>{$vl.params['working'][0]} <br>{if count($vl.params['working']) neq 1}{$vl.params['working'][1]}{/if}</p></td>
                            <td><p>{$vl.params['laser'][0]}<br> {if count($vl.params['laser']) neq 1}{$vl.params['laser'][1]}{/if}</p></td>
                            <td><p>{$vl.params['size'][0]}<br>{if count($vl.params['size']) neq 1}{$vl.params['size'][1]}{/if}</p></td>
                        </tr>
                    </table>
                </div>
                <span class="_more">更多细节 &gt;&gt;</span>
            </a>
        </div>
        {/if}
        {/volist}
        {/volist}
    </div>
</div>
{include file="public/footer" /}
<script src="__MOBILE__js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
    $('.m_productlist_view p.content').wordLimit(200);
</script>
<script>
    (function($){
        $(window).load(function(){
            $(".content_6").mCustomScrollbar({
                horizontalScroll:true,
                advanced:{
                    autoExpandHorizontalScroll:true
                }
            });
        });
    })(jQuery)
</script>
<style type="text/css">
    /*table.canshu{table-layout: fixed; border-collapse: collapse;width: 100%;}  
    table.canshu tr td{ word-wrap:break-word; }*/  
    .mCSB_horizontal > .mCSB_container{margin-bottom: 12px;}
    .content_6 > .mCustomScrollBox > .mCSB_scrollTools{width: 100%;margin: 0;}
    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger{top: 1px;}
    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height: 2px;}
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #333;}
    .mCSB_scrollTools .mCSB_draggerRail{background: rgba(0,0,0,0.2);}
</style>
